<template>
	<div class="decorate_wxgzhArticles"
      :style="{'padding-top':tplItemData.modulePadding || tplItemData.modulePadding ==0 ? tplItemData.modulePadding+'px':'5px',
      'padding-bottom':tplItemData.modulePadding || tplItemData.modulePadding ==0 ? tplItemData.modulePadding+'px':'5px'}">
      <!-- 折叠轮播 -->
      <div  class="wxgzhArticles_box">
        <div v-for="(item,index) in tplItemData.dataset" :key="index">
            <a href="javascript:;" @click="openLink(item.showlink, item.showtitle)">
              <img :src="item.pic?item.pic:'https://img.wifenxiao.com/h5-wfx/images/noImg.png'" alt="" />
            </a>
        </div>
      </div>
    </div>
</template>

<script>
import Storage from '@/utils/store.js'
import Vue from 'vue'
export default Vue.extend({
    name: 'index',
    props: {
        tplItemData: {
            type: Object // 传入参数的类型
        }
    },
    data() {
        return {
            
        }
    },
    methods: {
        openLink(link, title){
          // console.log(title)
          Storage.saveLocal('webSrc',link)
          this.$JumpName(this, 'webView', {title: title})
        }
    },
})
</script>

<style lang='scss'>
.decorate_wxgzhArticles{
  .wxgzhArticles_box{
    img{
      width: 100%;
      display: block;
    }
  }
}
</style>
